<template>
  <div class="index">
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
    <tabbar :tabbarData='tabbarData'></tabbar>
  </div>
</template>

<script>
import Tabbar from '@/components/tabbar/Tabbar.vue'

export default {
  name: 'MyIndex',
  components: {
    Tabbar
  },
  data() {
    return {
      tabbarData: [
        {
          path: '/home', icon: ['iconfont', 'icon-shouye'], title: '首页'
        },
        {
          path: '/order', icon: ['iconfont', 'icon-dingdan'], title: '订单'
        },
        {
          path: '/me', icon: ['iconfont', 'icon-wode'], title: '我的'
        }
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.index {
  width: 100%;
  height: calc(100% - 49px);
}
</style>
